
        
        .header-actions {
            display: flex;
            gap: 10px;
        }
        .dx-datagrid-rowsview .dx-row-focused.dx-data-row .dx-command-select {
            background-color: transparent;
        }
        
        .dx-toolbar .dx-toolbar-items-container {
            height: 50px;
            padding: 0 15px;
        }
        
        .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
            
            color: var(--text-primary);
        }
        /* .dx-datagrid-content .dx-datagrid-table .dx-data-row > td {
        } */
        
        .dx-button {
            border-radius: 4px !important;
        }
        
        .dx-button-mode-contained {
            box-shadow: none !important;
        }

        

.dot-loader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color:rgb(3, 169, 244);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.8rem;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease;
    z-index: 10;
  }
  .assignee-popover .popover-body { padding: 8px; }
  .assignee-popover-item { display: flex; align-items: center;cursor: pointer; }
  .assignee-popover-item .avatar { margin: 3px; }
  .dot-loader.show {
    opacity: 1;
    visibility: visible;
  }
.dx-datagrid-headers.dx-bordered-top-view{
  border: 0;
}
.dx-datagrid-headers .dx-datagrid-scrollable-simulated.dx-datagrid-content.dx-datagrid-scroll-container{
  border: 1px solid rgb(224, 224, 224);
  margin-bottom: 10px;
  border-radius:10px;
}
.dx-bordered-bottom-view.dx-datagrid-rowsview{
  border-top: 1px solid rgb(224, 224, 224);
  border-radius: 10px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 0px;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row.dx-datagrid-filter-row > td {
  border-top: 1px solid rgb(224, 224, 224);
}
  .dot-loader span {
    width: 14px;
    height: 14px;
    background-color: white;
    border-radius: 50%;
    animation: dotWave 1.2s ease-in-out infinite;
    transform-origin: center;
    opacity: 0.4;
  }

  .dot-loader span:nth-child(1) { animation-delay: 0s; }
  .dot-loader span:nth-child(2) { animation-delay: 0.1s; }
  .dot-loader span:nth-child(3) { animation-delay: 0.2s; }
  .dot-loader span:nth-child(4) { animation-delay: 0.3s; }
  .dot-loader span:nth-child(5) { animation-delay: 0.4s; }

  @keyframes dotWave {
    0%, 100% {
      transform: scale(1);
      opacity: 0.4;
    }
    50% {
      transform: scale(1.6);
      opacity: 1;
    }
  }
